<script>
   // 工程化 + 选项api 引入vue
   // 写一个计数器! - counter 0  +
   export default{
      //data放vue数据的选项
      data(){
        return {
            //返回的数据
            counter:0
        }
      },
      //methods vue方法的选项
      methods:{
         add(){
            this.counter++;
         },
         sub(){
            this.counter--;
         }
      }
   }
</script>

<template>
  <div>
    <button @click="sub()">-</button> {{ counter }} <button @click="add()">+</button>
  </div>
</template>

<style scoped>

</style>